<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<f:view contentType="text/html">
	<h:head>
		<ui:insert name="header">
			<ui:include src="header.xhtml" />
		</ui:insert>
	</h:head>
	<h:body>
		<div id="container">
			<div id="header">
				<h1>
					<a href="/">Your<strong>Site</strong></a>
				</h1>
				<h2>Your website slogan here</h2>
				<div class="clear"></div>
			</div>

			<ui:insert name="menu">
				<ui:include src="menu.xhtml" />
			</ui:insert>
			<div id="slides-container">
				<div id="slides">
					<div>
						<div class="slide-image">
							<img src="#{resource['images:slide-1.png']}" alt="Slide #1 image" />
						</div>
						<div class="slide-text">
							<h2>Slide #1</h2>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
								Pellentesque venenatis sagittis enim. Maecenas ligula erat,
								egestas congue, varius nec, sagittis nec, purus. In neque.
								Curabitur at metus tincidunt dui tristique molestie. Donec porta
								molestie tortor. Fusce euismod consectetuer sapien. Fusce ac
								velit.</p>


						</div>
					</div>

					<div>
						<h2>Have fun with slides!</h2>
						<p>These slides can contain anything a webpage can! HTML,
							Javascript, images, flash or whatever! They're completely easy to
							edit and add to as well, no need to bother editing or even going
							anywhere near some confusing Javascript files, simply add a
							&lt;div&gt;&lt;/div&gt; tag with your slider content to the
							"slides" contain - it takes just seconds to do!</p>
						<p>
							These slides work using the absolutely wonderful lightweight
							jQuery plugin <a href="http://plugins.jquery.com/project/jFlow">jFlow</a>,
							originally written by Kean Loong and modified by both Mauro
							Belgiovine and spyka Webmaster. The script has been licensed
							under the open source MIT license, so feel free to play around
							and modify it as much or as little as you wish!
						</p>

					</div>

					<div>
						<div class="slide-image slide-image-right">
							<img src="#{resource['images:slide-3.png']}" alt="Slide #3 image" />
						</div>
						<div class="slide-text">
							<h2>Slide #3</h2>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
								Pellentesque venenatis sagittis enim. Maecenas ligula erat,
								egestas congue, varius nec, sagittis nec, purus. In neque.
								Curabitur at metus tincidunt dui tristique molestie. Donec porta
								molestie tortor. Fusce euismod consectetuer sapien. Fusce ac
								velit.</p>


						</div>
					</div>
				</div>
				<div class="controls">
					<span class="jFlowNext"><span>Next</span></span><span
						class="jFlowPrev"><span>Prev</span></span>
				</div>
				<div id="myController" class="hidden">
					<span class="jFlowControl">Slide 1</span><span class="jFlowControl">Slide
						1</span><span class="jFlowControl">Slide 1</span>
				</div>
			</div>
			<div id="body" class="has-slider">
				<div id="content">
					<div class="box">
						<ui:insert name="content" />
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<ui:insert name="footer">
				<ui:include src="footer.xhtml" />
			</ui:insert>

		</div>
	</h:body>
</f:view>
</html>